import React from 'react'
import { Tabs, Button } from 'antd';

import {
  SettingOutlined
} from '@ant-design/icons';
import BatchInspection from './BatchInspection';
const onChange = (key) => {
  console.log(key);
};

export default function DevDiagnosis() {
  const items = [
    {
      key: '1',
      label: `批量检查`,
      children:
        <BatchInspection />
    },
    {
      key: '2',
      label: <span>待处理(<span style={{ color: "red" }}>1234</span>)</span>,
      children: `Content of Tab Pane 2`,
    },
    {
      key: '3',
      label: `检查记录`,
      children: `Content of Tab Pane 2`,
    }
  ];
  return (
    <div style={{
      background: "white", minHeight: "545px",
      height: document.documentElement.clientHeight - 135
    }}>

      <Tabs defaultActiveKey="1" items={items} onChange={onChange}
        tabBarExtraContent={<Button style={{ color: "white", background: "#1FBBA9", padding: "4px 10px", borderRadius: "4px", fontSize: "12px" }}><SettingOutlined />设置</Button>}
        style={{ fontSize: "12px", padding: "0px" }} tabBarStyle={{ padding: "0 20px" }}
      />
    </div>
  )
}
